<template>
    <div>
        <el-tabs v-model="activeName" class="border-card" @tab-click="handleClick">
            <el-tab-pane label="部门管理" name="DepManagement">
                <DepManagement></DepManagement>
            </el-tab-pane>
            <el-tab-pane label="职位管理" name="PosManagement">
                <PosManagement></PosManagement>
            </el-tab-pane>
            <el-tab-pane label="职称管理" name="JobManagement">
                <JobManagement></JobManagement>
            </el-tab-pane>
            <el-tab-pane label="奖惩规则" name="EcManagement">
                <EcManagement></EcManagement>
            </el-tab-pane>
            <el-tab-pane label="权限组" name="PermissManagement">
                <PermissManagement></PermissManagement>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import DepManagement from "../../components/sys/basic/DepManagement";
    import EcManagement from "../../components/sys/basic/EcManagement";
    import JobManagement from "../../components/sys/basic/JobManagement";
    import PermissManagement from "../../components/sys/basic/PermissManagement";
    import PosManagement from "../../components/sys/basic/PosManagement";
    export default {
        name: "SysBasic",
        data(){
            return {
                activeName:'DepManagement'
            }
        },
        methods:{
            handleClick(){

            }
        },
        components:{
            DepManagement,
            EcManagement,
            JobManagement,
            PermissManagement,
            PosManagement
        }
    }
</script>

<style scoped>

</style>
